<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
  <head>
  </head>
<!--  Css-->
	{% load static from staticfiles %}

        <link rel="shortcut icon" href="{% static 'style/images/gg.png' %}"  type="image/png">
        <link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap.css' %}" type="text/css" />
        <link rel="stylesheet" href="{% static 'bootstrap/css/estilo.css' %}" type="text/css" />
        <link rel="stylesheet" href="{% static 'bootstrap/css/DT_bootstrap.css' %}" type="text/css" />
        <link rel="stylesheet" href="{% static 'bootstrap/css/jquery-ui.css' %}" type="text/css" />

<!--     SCRIPTS  -->
        <script type="text/javascript" src="{% static 'bootstrap/js/jquery.js' %}"></script>
        <script type="text/javascript" src="{% static 'bootstrap/js/jquery-ui.js' %}"></script>
        <script type="text/javascript" src="{% static 'bootstrap/js/jquery.dataTables.js' %}"></script>
        <script type="text/javascript" src="{% static 'bootstrap/js/bootstrap.js' %}"></script>

{% block js_head %}

{% endblock %}

        <script>
                    $(document).ready(function() {
                    $('#listado').dataTable( {
                        "bPaginate": true,
                        "bLengthChange": true,
                        "bFilter": true,
                        "bSort": true,
                        "bInfo": true,
                        "bAutoWidth": false,
                        "bJQueryUI": true,
                        "sPaginationType": "full_numbers"
                        } );
                    } );

                    $(function() {
                        $( ".datePicker" ).datepicker(
                            {
                                dateFormat: "dd/mm/yy",
                                readonly: "true",
                                firstDay: 1,
                                dayNamesMin: ["Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa"],
                                dayNamesShort: ["Dom", "Lun", "Mar", "Mie", "Jue", "Vie", "Sab"],
                                monthNames:
                                    ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio",
                                    "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"],
                                monthNamesShort:
                                    ["Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul",
                                    "Ago", "Sep", "Oct", "Nov", "Dic"],
                            });
                    });

         </script>

<body>
<!-- Menu de la parte superior, visible en todo el sistema -->


 <div class="navbar navbar-inverse navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
    <a class="brand">Sistema Integral de Cuarteles de Bomberos SICB</a>
    <ul class="nav pull-right">
        {% if user.is_authenticated %}
            <li class="active"><a href="/"><i class="icon-home icon-white"></i><span> Inicio</span></a></li>
            {% if user.is_staff %}
                <li class="divider-vertical"></li>
                <li><a href="/admin/"><i class="icon-briefcase icon-white "> </i> Administrar</a></li>
            {% endif %}
            <li class="divider-vertical"></li>
            <li><a href="/contacto"><i class="icon-envelope icon-white "></i> Contacto</a></li>
            <li class="divider-vertical"></li>

            {% block menues%}
            {% endblock %}

        {% endif %}
        {% if not user.is_authenticated %}
                <li class="divider-vertical"></li>
                <li>
                <a href="#myModal" role="button" data-toggle="modal"><i class="icon-user icon-white"></i><span>Conectar</span></a></li>
            {% else %}
                <li class="divider-vertical"></li>
                <li><a href="/logout/"><i class="icon-user icon-white"></i><span> Desconectar "{{ user.username|upper }}"</span></a></li>
            {% endif %}
    </ul>
    </div>
  </div>
 </div>
<!-- Fin de la barra de menues -->


    <div >
      {% block main %}
      {% endblock %}	
    </div>
  </div>
</div>

    <!-- Modal -->
    <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Logueo de Usuario</h3>
      </div>
      <div class="modal-body">
        <form class="" action="/login/" method="post" >
			{% csrf_token %}
				<ul>Usuario</ul>
				<ul><input type="text" name="username"/></ul>
				<ul>Clave</ul>
				<ul><input type="password" name="password"/></ul>

                            {% if error %}
                                <ul><div class="alert alert-error">{{ error }}</div></ul>
                            {% endif %}
			
      </div>
      <div class="modal-footer">
        <ul><input name="login" value="Ingresar" type="submit" class="btn btn-primary " /></ul>
      </div>
      </form>
    </div>

</div>
</body>

</html>

